<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>look and feel</title>
<!-- link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/ext/resources/css/ext-all.css" /-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/ext/resources/css/ext-all-gray.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ext/ext-all-dev.js"></script>
<script type="text/javascript">
	Ext.onReady(function() {
		var win = new Ext.Window({
			title : 'Hello world',
			width : 400,
			height : 300,
			minimizable : true,
			maximizable : true
		});
		win.show();
	});
</script>

</head>
<body>
	<h2>Instalación de temas o "look and feel"</h2>
	<p>Por defecto, los componentes de Ext JS vienen en color azul
		claro, el cual es llamativo pero quizás no del gusto de todos; es por
		esto que existen diferentes estilos los cuales se pueden instalar y
		cambiar la apariencia de los componentes.</p>
	<h3>Estilo por defecto</h3>
	<p>Al ejecutar el HTML descargado desde el explorador (ya sea Firefox, IE, etc) aparecerá una ventana de color azul claro; este es el estilo por defecto de los componentes Ext.</p>
	<h3>Instalación de temas</h3>
	<p>Junto con la librería que se descargó en el principio viene otro tema en color gris (ext/resources/css/xtheme-gray.css), es necesario importar este archivo al documento HTML en el que estamos trabajando agregándolo después del archivo "ext-all.css".</p>
	<h3>Descargar e instalar temas de usuarios</h3>
	<p>La comunidad de usuarios de Ext ha creado varios temas más, estos se pueden descargar desde <a href="http://extjs.com/learn/Ext_Extensions#User_Themes">la página oficial</a>.</p>
	<p>Una vez que descargues el tema de tu agrado descomprime el ZIP; aparecen dos carpetas, una que se llama “css” y otra que se llama “images”. Para instalar el tema es necesario copiar el contenido de la carpeta “css” e “images” a la carpeta donde se encuentra el framework de Ext en ext-2.2/resources/css y ext-2.2/resources/images respectivamente. Después de copiar las carpetas debes importar el estilo al HTML de la siguiente manera:</p>
	<br/>
	<a href="http://www.quizzpot.com/2009/02/instalacion-de-temas-o-look-and-feel/">referencia</a>
	<br/><br/>
	<a href="${pageContext.request.contextPath}/menu.jsp">regresar</a>
</body>
</html>